
<template>
	<div class="header-week">
		<h3>周未去哪儿</h3>
		<div class="week-item" v-for="(item,index) in weekList" :key="index">
			<img :src="item.imgURL">
			<aside>
				<p>{{item.txt}}</p>
				<label>{{item.wektil}}</label>
			</aside>
		</div>
	</div>
</template>

<script>
	export default{
    props:['weekList'],
		data(){
			return{

			}
		}
	}
</script>

<style scoped>

	.header-week{
		width: 100%;
		font-size: 0.26rem;
	}
	.header-week h3{
		padding-left: 0.2rem;
    line-height:1rem ;
    color: #212121;
    font-size: 0.4rem;
    font-weight: bold;
	}
	.week-item {
		width: 100%;
		background-color: white;

	}
	.week-item img{
		width: 100%;
	}
	.week-item aside{
		padding: 0.4rem 0;
		margin-left: 0.2rem;
	}
	.week-item aside p{
		font-size: 0.4rem;
		margin-bottom: 0.2rem;
	}
	.week-item aside label{
		display: inline-block;
		width: 70%;
	}
	.week-item aside label{
		display: inline-block;
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
